<script setup>
import {onMounted, ref} from 'vue'
import test from './components/test.vue';

//模板引用(可以获取dom，也可以获取组件)
//1.调用ref函数，生成一个ref对象
//2.通过ref标识，进行绑定
//3.通过ref对象.value即可访问到绑定的元素(必须渲染完成后）

const inp =ref(null)


// onMounted(()=>{
//   inp.value.focus()
// })

const Fn=()=>{
  inp.value.focus()
}

const text = ref(null)

const getCom =()=>{
  console.log(text.value);
  
}

</script>

<template>
  <input type="text" ref="inp">
    <div>父组件</div>
    <button @click="Fn">点击聚焦</button>
    <button @click="getCom">点击获取组件</button>
    <test ref="text"></test>
</template>

<style scoped>
</style>
